<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>北信源综合业务管理平台</title>
<!-- Tell the browser to be responsive to screen width -->
<meta
  content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
  name="viewport">
<link rel="stylesheet" href="statics/css/bootstrap.min.css">
<link rel="stylesheet" href="statics/css/font-awesome.min.css">
<link rel="stylesheet" href="statics/css/AdminLTE.min.css">
<!-- AdminLTE Skins. Choose a skin from the css/skins
       folder instead of downloading all of them to reduce the load. -->
<link rel="stylesheet" href="statics/css/all-skins.min.css">
<link rel="stylesheet" href="statics/css/main.css">
</head>
<body class="hold-transition skin-blue sidebar-mini">
  <div class="wrapper" id="app" v-cloak>
    <header class="main-header">
      <a href="javascript:void(0);" class="logo"> <!-- mini logo for sidebar mini 50x50 pixels -->
        <span class="logo-mini"><b>VRM</b></span> <!-- logo for regular state and mobile devices -->
        <span class="logo-lg"><b>北信源综合业务管理平台</b></span>
      </a>
      <nav class="navbar navbar-static-top" role="navigation">
        <!-- Sidebar toggle button-->
        <a href="#" class="sidebar-toggle" data-toggle="offcanvas"
          role="button"> <span class="sr-only">Toggle
            navigation</span>
        </a>
        <!-- Header Navbar: style can be found in header.less -->
        <div style="float: left; color: #fff; padding: 15px 10px;">欢迎
        </div>
        <div class="navbar-custom-menu">
          <ul class="nav navbar-nav">
            <li><a href="logout"><i class="fa fa-sign-out"></i>
                &nbsp;退出系统</a></li>
          </ul>
        </div>
      </nav>
    </header>

    <!-- =============================================== -->

    <!-- Left side column. contains the sidebar -->
    <aside class="main-sidebar">
      <!-- sidebar: style can be found in sidebar.less -->
      <section class="sidebar">
        <!-- /.search form -->
        <!-- sidebar menu: : style can be found in sidebar.less -->
        <ul class="sidebar-menu">
          <!-- vue生成的菜单 -->
          <menu-item :item="item" v-for="item in menuList"></menu-item>
        </ul>
      </section>
      <!-- /.sidebar -->
    </aside>

    <!-- =============================================== -->
    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
      <!-- Content Header (Page header) -->
      <section class="content-header">
        <ol class="breadcrumb" id="nav_title"
          style="position: static; float: none;">
          <li class="active"><i class="fa fa-home"
            style="font-size: 20px; position: relative; top: 2px; left: -3px;"></i>
            &nbsp; 首页</li>
          <li class="active">{{navTitle}}</li>
        </ol>
      </section>

      <!-- Main content -->
      <section class="content" style="background: #fff;">
        <iframe scrolling="yes" frameborder="0"
          style="width: 100%; min-height: 200px; overflow: visible; background: #fff;"
          :src="main"></iframe>
      </section>
      <!-- /.content -->

    </div>
    <!-- /.content-wrapper -->


  </div>
  <script src="statics/libs/jquery.min.js"></script>
  <script src="statics/libs/vue.min.js"></script>
  <script src="statics/libs/router.js"></script>
  <script src="statics/libs/bootstrap.min.js"></script>
  <script src="statics/libs/jquery.slimscroll.min.js"></script>
  <script src="statics/libs/fastclick.min.js"></script>
  <script src="statics/libs/app.js"></script>
  <script src="statics/plugins/layer/layer.js"></script>
  <script src="js/index.js"></script>
</body>

</html>